<template>
  <div class="I-VI-I">
    <!-- 学生整体就业情况 -->
    <table class="I-VI-I__table">
      <tr class="I-VI-I__table-trone">
        <td class="I-VI-I__table-trone-td"
            colspan="10">
          <div class="I-VI-I__table-trone-td-title">
            I-6 学生就业与职业发展质量
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__table-trtwo">
        <td class="I-VI-I__table-trtwo-td"
            colspan="10">
          <div class="I-VI-I__table-trtwo-td-title">
            I-6-1 学生整体就业情况
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__table-trthree">
        <td class="I-VI-I__table-trthree-td"
            colspan="10">
          <div class="I-VI-I__table-trthree-td-title">
            （一）就业情况统计
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__table-trfour">
        <td class="I-VI-I__table-trfour-tdone"
            rowspan="3">
          年度
        </td>
        <td class="I-VI-I__table-trfour-tdtwo"
            rowspan="3">
          学生<br>类型
        </td>
        <td class="I-VI-I__table-trfour-tdthree"
            rowspan="3">
          毕业生<br>总数
        </td>
        <td class="I-VI-I__table-trfour-tdfour"
            rowspan="3">
          授予学<br>位数
        </td>
        <td class="I-VI-I__table-trfour-tdfive"
            rowspan="1"
            colspan="5">
          就业情况
        </td>
        <td class="I-VI-I__table-trfour-tdsix"
            rowspan="3">
          就业人数及<br>就业率
        </td>
      </tr>
      <tr class="I-VI-I__table-trfive">
        <td class="I-VI-I__table-trfive-tdone"
            rowspan="2">
          协议合同就业
          <br>
          <span class="I-VI-I__table-trfive-tdone-tips">
            （含博士后）
          </span>
        </td>
        <td class="I-VI-I__table-trfive-tdtwo"
            rowspan="2">
          自主<br>创业
        </td>
        <td class="I-VI-I__table-trfive-tdthree"
            rowspan="2">
          灵活<br>就业
        </td>
        <td class="I-VI-I__table-trfive-tdfour"
            colspan="2"
            rowspan="1">
          升学
        </td>
      </tr>
      <tr class="I-VI-I__table-trsix">
        <td class="I-VI-I__table-trsix-tdone"
            colspan="1"
            rowspan="1">
          境内
        </td>
        <td class="I-VI-I__table-trsix-tdtwo"
            colspan="1"
            rowspan="1">
          境外
        </td>
      </tr>
      <template v-for="(item,index) in afa.thisDis.employCounts">
        <tr :key="index +'a'"
            class="I-VI-I__table-trother">
          <td class="I-VI-I__table-trother-tdone"
              rowspan="2">
            {{ item.year }}
          </td>
          <template v-for="(item1,index1) in item.employs.slice(0,1)">
            <td :key="index1 +'1'"
                class="I-VI-I__table-trother-tdshuo">
              硕士
            </td>
            <td :key="index1 +'2'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.totalNum"
                        type="textarea"
                        autosize/>
            </td>
            <td :key="index1 +'3'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.degreeNum"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'4'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.agreeEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'5'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.selfEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'6'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.flexEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'7'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.territory"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'8'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.abroad"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'9'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.employNum"
                        type="input">
                <template slot="append">
                  <!-- ({{ item1.employNum && item1.totalNum ? (item1.employNum / item1.totalNum * 100).toFixed(1) : 0 }}%) -->
                  ({{ Number.isNaN(item1.employRate) ? '0.0' : item1.employRate }}%)
                </template>
              </el-input>
            </td>
          </template>
        </tr>
        <tr :key="index + '3'">
          <template v-for="(item2,index2) in item.employs.slice(1,2)">
            <td :key="index2 +'1'"
                class="I-VI-I__table-trother-tdboshi">
              博士
            </td>
            <td :key="index2 +'2'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.totalNum"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'3'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.degreeNum"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'4'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.agreeEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'5'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.selfEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'6'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.flexEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'7'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.territory"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'8'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.abroad"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'9'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.employNum"
                        type="input">
                <template slot="append">
                  <!-- ({{ item2.totalNum && item2.employNum ? (item2.employNum / item2.totalNum*100).toFixed(1) : 0 }}%) -->
                  ({{ item2.employRate }}%)
                </template>
              </el-input>
            </td>
          </template>
        </tr>
      </template>
    </table>
    <!-- 主要就业去向 -->
    <table class="I-VI-I__tabletwo">
      <tr class="I-VI-I__tabletwo-trone">
        <td class="I-VI-I__tabletwo-trone-td"
            colspan="15">
          <div class="I-VI-I__tabletwo-trone-td-title">
            （二）主要就业去向
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__tabletwo-trtwo">
        <td class="I-VI-I__tabletwo-trtwo-tdleft"
            colspan="2">
          类型
        </td>
        <td class="I-VI-I__tabletwo-trtwo-tdright"
            colspan="8">
          就业单位/就读院校
          <span class="I-VI-I__tabletwo-trtwo-tdright-tips">
            （填写人数最多5家单位的人数及比例）
          </span>
        </td>
      </tr>
      <template v-for="(item,index) in afa.thisDis.employDestinations">
        <tr :key="index +'2'"
            class="I-VI-I__tabletwo-trthree">
          <td class="I-VI-I__tabletwo-trthree-tdleft"
              colspan="2">
            就业（不含升学）
          </td>
          <td v-for="(item1,index1) in item.companys"
              :key="index1 + '2'"
              class="I-VI-I__tabletwo-trthree-tdright">
            <el-input v-model="item1.companyName"
                      autosize
                      placeholder="XX公司"
                      type="textarea"/>
          </td>
        </tr>
        <tr :key="index +'3'"
            class="I-VI-I__tabletwo-trfour">
          <td class="I-VI-I__tabletwo-trfour-tdleft"
              colspan="2">
            人数及比例
          </td>
          <td v-for="(item1,index1) in item.companys"
              :key="index1 + '2'"
              class="I-VI-I__tabletwo-trfour-tdright">
            <el-input v-model="item1.stuNum"
                      placeholder="10"
                      type="input">
              <template slot="append">
                ({{ item1.stuRatio }}%)
                <!-- ({{ item1.stuRatio }}%) -->
              </template>
            </el-input>
          </td>
        </tr>
        <tr :key="index +'4'"
            class="I-VI-I__tabletwo-trfive">
          <td class="I-VI-I__tabletwo-trfive-leftone"
              rowspan="4">
            升学
          </td>
          <td class="I-VI-I__tabletwo-trfive-lefttwo">
            境内
          </td>
          <td v-for="(item1,index1) in item.territory"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trfive-tdright">
            <el-input v-model="item1.schoolName"
                      autosize
                      placeholder="XX大学"
                      class="I-VI-I__tabletwo-trfive-tdright-input"
                      type="textarea"/>
          </td>
        </tr>
        <tr :key="index +'5'"
            class="I-VI-I__tabletwo-trsix">
          <td class="I-VI-I__tabletwo-trsix-lefttwo">
            人数及比例
          </td>
          <td v-for="(item1,index1) in item.territory"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trsix-tdright">
            <el-input v-model="item1.stuNum"
                      placeholder="5"
                      type="input">
              <template slot="append">
                ({{ item1.stuRatio }}%)
              </template>
            </el-input>
          </td>
        </tr>
        <tr :key="index +'6'"
            class="I-VI-I__tabletwo-trsix">
          <td class="I-VI-I__tabletwo-trsix-lefttwo">
            境外
          </td>
          <td v-for="(item1,index1) in item.abroad"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trsix-tdright">
            <el-input v-model="item1.schoolName"
                      autosize
                      placeholder="Harvard University"
                      type="textarea"/>
          </td>
        </tr>
        <tr :key="index +'7'"
            class="I-VI-I__tabletwo-trsix">
          <td class="I-VI-I__tabletwo-trsix-lefttwo">
            人数及比例
          </td>
          <td v-for="(item1,index1) in item.abroad"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trsix-tdright">
            <el-input v-model="item1.stuNum"
                      placeholder="2"
                      type="input">
              <template slot="append">
                ({{ item1.stuRatio }}%)
              </template>
            </el-input>
          </td>
        </tr>
      </template>
    </table>
    <!-- 签约单位类型分布 -->
    <table class="I-VI-I__tablethree">
      <tr class="I-VI-I__tablethree-trone">
        <td class="I-VI-I__tablethree-trone-td"
            colspan="15">
          <div class="I-VI-I__tablethree-trone-td-title">
            （三）签约单位类型分布
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__tablethree-trtwo">
        <td class="I-VI-I__tablethree-trtwo-td">
          单位<br>类别
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          党政<br>机关
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          高等教育单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          中初等教育单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          科研设计单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          医疗卫生单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          其他事业单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          国有企业
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          民营企业
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          三资企业
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          部队
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          其他
        </td>
      </tr>
      <tr class="I-VI-I__tablethree-trthree">
        <td class="I-VI-I__tablethree-trthree-td">
          硕士<br>签约
        </td>
        <template v-for="(value,key,index) in afa.thisDis.typeDistribution">
          <td v-if="key == 'master'"
              :key="index +'3'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.dzjg"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'4'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'5'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.zdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'6'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.kysjdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'7'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.ylwsdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'8'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.qtsydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'9'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gyqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'10'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.myqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'11'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.szqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'12'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.bd"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'13'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.other"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
        </template>
      </tr>
      <tr class="I-VI-I__tablethree-trthree">
        <td class="I-VI-I__tablethree-trthree-td">
          博士<br>签约
        </td>
        <template v-for="(value,key,index) in afa.thisDis.typeDistribution">
          <td v-if="key == 'doctor'"
              :key="index +'1'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.dzjg"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'2'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'3'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.zdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'4'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.kysjdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'5'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.ylwsdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'6'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.qtsydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'7'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gyqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'8'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.myqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'9'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.szqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'10'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.bd"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'11'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.other"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
        </template>
      </tr>
    </table>
    <!-- 签约单位地域分布 -->
    <table class="I-VI-I__tablefour">
      <tr class="I-VI-I__tablefour-trone">
        <td class="I-VI-I__tablefour-trone-td"
            colspan="15">
          <div class="I-VI-I__tablefour-trone-td-title">
            （四）签约单位地域分布
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__tablefour-trtwo">
        <td class="I-VI-I__tablefour-trtwo-td">
          单位地域
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          本省
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          东部地区
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          中部地区
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          西部地区
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          境外
        </td>
      </tr>
      <tr class="I-VI-I__tablefour-trthree">
        <td class="I-VI-I__tablefour-trthree-td">
          硕士
        </td>
        <template v-for="(value,key,index) in afa.thisDis.gengraDistribution">
          <td v-if=" key == 'master' "
              :key="index"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.bs"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+1"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.dbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+2"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.zbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+3"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.xbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+4"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.jw"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
        </template>
      </tr>
      <tr class="I-VI-I__tablefour-trthree">
        <td class="I-VI-I__tablefour-trthree-td">
          博士
        </td>
        <template v-for="(value,key,index) in afa.thisDis.gengraDistribution">
          <td v-if=" key == 'doctor' "
              :key="index +'1'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.bs"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'2'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.dbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'3'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.zbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'4'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.xbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'5'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.jw"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
        </template>
      </tr>
    </table>
    <!-- 在艰苦地区和基层就业情况 -->
    <table class="I-VI-I__tablefive">
      <tr class="I-VI-I__tablefive-trone">
        <td class="I-VI-I__tablefive-trone-td-title"
            colspan="15">
          （五）在艰苦地区和基层就业情况
          <span class="I-VI-I__tablefive-trone-td-title-tips">
            (限300字)
          </span>
        </td>
      </tr>
      <tr class="I-VI-I__tablefive-trother">
        <el-input v-model="afa.thisDis.employAreaInfos"
                  type="textarea"
                  :autosize="{ minRows:10 }"
                  showWordLimit
                  maxlength="300"
                  placeholder="请输入在艰苦地区和基层就业情况"
                  class="I-VI-I__tablefive-trother-fixinput"/>
      </tr>
    </table>
    <!-- 说明 -->
    <div class="I-VI-I__explain">
      <span class="I-VI-I__explain-strong">
        说.明：①
      </span>
      相关数据按教育部《关于调整全国普通高等学校毕业生就业数据库结构及代码标准的通知》（教学司函〔2014〕1号）和《教育部办公厅关于严格核查2020届高校毕业生就业数据的通知》（教学厅函〔2020〕19号）要求统计（统计时间以当年9月1日为准）。
      <span class="I-VI-I__explain-strong">
        ②
      </span>
      “就业率”指当年协议和合同就业（含博士后）、自主创业、灵活就业和升学的学生总数与毕业生总数的比值，统计时均不含同等学力申请博士和硕士人员。
      <span class="I-VI-I__explain-strong">
        ③
      </span>
      表（三）、表（四）仅对表（一）中“协议和合同就业（含博士后）”的毕业生进行统计。
      <span class="I-VI-I__explain-strong">
        ④
      </span>
      “毕业生总数”以毕业证书时间为准，“授予学位数”以学位证书时间为准，分别计入相关年度；在不同地区有多个校区的院校，分校区应在“校区所在省、自治区、直辖市”进行统计；若单位下设分支机构为独立法人单位，应按不同单位进行统计。
      <span class="I-VI-I__explain-strong">
        ⑤
      </span>
      “东部地区”指北京、天津、河北、辽宁、上海、江苏、浙江、福建、山东、广东、海南等11个省级行政区；“中部地区”指山西、吉林、黑龙江、安徽、江西、河南、湖北、湖南等8个省级行政区；“西部地区”指四川、重庆、贵州、云南、西藏、陕西、甘肃、青海、宁夏、新疆、广西、内蒙古等12个省级行政区；已在“本省”统计的人数，不在“所在区域（东部、中部、西部）”重复统计。
      <span class="I-VI-I__explain-strong">
        ⑥
      </span>
      表（一）、表（三）和表（四）中数据均由全国高等学校学生信息咨询与就业指导中心提供，若对数据存疑，请与学位中心联系。
      <span class="I-VI-I__explain-strong">
        ⑦
      </span>
      可根据学科特点和实际情况，自主选择填写一个相近专业学位类别的研究生就业情况；请注明专业学位类别，并在“选填说明”栏中注明选填该专业学位的主要考虑。
    </div>
    <!-- 专业学位学生整体就业情况 -->
    <table class="I-VI-I__tablesix">
      <tr class="I-VI-I__tablesix-trone">
        <td class="I-VI-I__tablesix-trone-td-title"
            colspan="1">
          专业学位学生整体就业情况
          <span class="I-VI-I__tablesix-trone-td-title-tips">
            (选填)
          </span>
        </td>
        <td class="I-VI-I__tablesix-trone-td-title1"
            colspan="1">
          专业学业类别
        </td>
        <td class="I-VI-I__tablesix-trone-td-title">
          <el-input v-model="afa.otherDis.professInfo.degreeCategory"
                    type="textarea"
                    autosize/>
        </td>
      </tr>
    </table>
    <!-- 选填说明 -->
    <table class="I-VI-I__tableseven">
      <tr class="I-VI-I__tableseven-tr">
        <td class="I-VI-I__tableseven-tr-tdone">
          选填说明
          <br>
          <span class="I-VI-I__tableseven-tr-tdone-tips">
            （限50字）
          </span>
        </td >
        <td class="I-VI-I__tableseven-tr-tdtwo"
            colspan="2">
          <el-input v-model="afa.otherDis.professInfo.description"
                    type="textarea"
                    showWordLimit
                    autosize
                    maxlength="50"
                    placeholder="请输入选填说明"
                    style="text-align:left;padding-left:4px"/>
        </td>
      </tr>
    </table>
    <!-- <br> -->
    <!-- 学生整体就业情况 -->
    <table class="I-VI-I__table-repead">
      <tr class="I-VI-I__table-trthreerepeat">
        <td class="I-VI-I__table-trthree-td"
            colspan="10">
          <div class="I-VI-I__table-trthree-td-title">
            （一）就业情况统计
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__table-trfour">
        <td class="I-VI-I__table-trfour-tdone"
            rowspan="3">
          年度
        </td>
        <td class="I-VI-I__table-trfour-tdtwo"
            rowspan="3">
          学生<br>类型
        </td>
        <td class="I-VI-I__table-trfour-tdthree"
            rowspan="3">
          毕业生<br>总数
        </td>
        <td class="I-VI-I__table-trfour-tdfour"
            rowspan="3">
          授予学<br>位数
        </td>
        <td class="I-VI-I__table-trfour-tdfive"
            rowspan="1"
            colspan="5">
          就业情况
        </td>
        <td class="I-VI-I__table-trfour-tdsix"
            rowspan="3">
          就业人数及<br>就业率
        </td>
      </tr>
      <tr class="I-VI-I__table-trfive">
        <td class="I-VI-I__table-trfive-tdone"
            rowspan="2">
          协议合同就业
          <br>
          <span class="I-VI-I__table-trfive-tdone-tips">
            （含博士后）
          </span>
        </td>
        <td class="I-VI-I__table-trfive-tdtwo"
            rowspan="2">
          自主<br>创业
        </td>
        <td class="I-VI-I__table-trfive-tdthree"
            rowspan="2">
          灵活<br>就业
        </td>
        <td class="I-VI-I__table-trfive-tdfour"
            colspan="2"
            rowspan="1">
          升学
        </td>
      </tr>
      <tr class="I-VI-I__table-trsix">
        <td class="I-VI-I__table-trsix-tdone"
            colspan="1"
            rowspan="1">
          境内
        </td>
        <td class="I-VI-I__table-trsix-tdtwo"
            colspan="1"
            rowspan="1">
          境外
        </td>
      </tr>
      <template v-for="(item,index) in afa.otherDis.otherDisAfa.employCounts">
        <tr :key="index +'aa'"
            class="I-VI-I__table-trother">
          <td class="I-VI-I__table-trother-tdone"
              rowspan="2">
            {{ item.year }}
          </td>
          <template v-for="(item1,index1) in item.employs.slice(0,1)">
            <td :key="index1 +'1'"
                class="I-VI-I__table-trother-tdshuo">
              硕士
            </td>
            <td :key="index1 +'2'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.totalNum"
                        type="textarea"
                        autosize/>
            </td>
            <td :key="index1 +'3'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.degreeNum"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'4'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.agreeEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'5'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.selfEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'6'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.flexEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'7'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.territory"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'8'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.abroad"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index1 +'9'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item1.employNum"
                        type="input">
                <template slot="append">
                  <!-- ({{ item1.employNum && item1.totalNum ? (item1.employNum / item1.totalNum * 100).toFixed(1) : 0 }}%) -->
                  ({{ item1.employRate }}%)
                </template>
              </el-input>
            </td>
          </template>
        </tr>
        <tr :key="index + '3'">
          <template v-for="(item2,index2) in item.employs.slice(1,2)">
            <td :key="index2 +'1'"
                class="I-VI-I__table-trother-tdboshi">
              博士
            </td>
            <td :key="index2 +'2'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.totalNum"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'3'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.degreeNum"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'4'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.agreeEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'5'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.selfEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'6'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.flexEmploy"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'7'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.territory"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'8'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.abroad"
                        autosize
                        type="textarea"/>
            </td>
            <td :key="index2 +'9'"
                class="I-VI-I__table-trother-tdshuo1">
              <el-input v-model="item2.employNum"
                        type="input">
                <template slot="append">
                  <!-- ({{ item2.totalNum && item2.employNum ? (item2.employNum / item2.totalNum*100).toFixed(1) : 0 }}%) -->
                  ({{ item2.employRate }}%)
                </template>
              </el-input>
            </td>
          </template>
        </tr>
      </template>
    </table>
    <!-- 主要就业去向 -->
    <table class="I-VI-I__tabletwo">
      <tr class="I-VI-I__tabletwo-trone">
        <td class="I-VI-I__tabletwo-trone-td"
            colspan="15">
          <div class="I-VI-I__tabletwo-trone-td-title">
            （二）主要就业去向
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__tabletwo-trtwo">
        <td class="I-VI-I__tabletwo-trtwo-tdleft"
            colspan="2">
          类型
        </td>
        <td class="I-VI-I__tabletwo-trtwo-tdright"
            colspan="8">
          就业单位/就读院校
          <span class="I-VI-I__tabletwo-trtwo-tdright-tips">
            （填写人数最多5家单位的人数及比例）
          </span>
        </td>
      </tr>
      <template v-for="(item,index) in afa.otherDis.otherDisAfa.employDestinations">
        <tr :key="index +'ba'"
            class="I-VI-I__tabletwo-trthree">
          <td class="I-VI-I__tabletwo-trthree-tdleft"
              colspan="2">
            就业（不含升学）
          </td>
          <td v-for="(item1,index1) in item.companys"
              :key="index1 + '2'"
              class="I-VI-I__tabletwo-trthree-tdright">
            <el-input v-model="item1.companyName"
                      autosize
                      placeholder="XX公司"
                      type="textarea"/>
          </td>
        </tr>
        <tr :key="index +'bb'"
            class="I-VI-I__tabletwo-trfour">
          <td class="I-VI-I__tabletwo-trfour-tdleft"
              colspan="2">
            人数及比例
          </td>
          <td v-for="(item1,index1) in item.companys"
              :key="index1 + '2'"
              class="I-VI-I__tabletwo-trfour-tdright">
            <el-input v-model="item1.stuNum"
                      placeholder="10"
                      type="input">
              <template slot="append">
                ({{ item1.stuRatio }}%)
              </template>
            </el-input>
          </td>
        </tr>
        <tr :key="index +'4'"
            class="I-VI-I__tabletwo-trfive">
          <td class="I-VI-I__tabletwo-trfive-leftone"
              rowspan="4">
            升学
          </td>
          <td class="I-VI-I__tabletwo-trfive-lefttwo">
            境内
          </td>
          <td v-for="(item1,index1) in item.territory"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trfive-tdright">
            <el-input v-model="item1.schoolName"
                      autosize
                      class="I-VI-I__tabletwo-trfive-tdright-input"
                      placeholder="XX大学"
                      type="textarea"/>
          </td>
        </tr>
        <tr :key="index +'5'"
            class="I-VI-I__tabletwo-trsix">
          <td class="I-VI-I__tabletwo-trsix-lefttwo">
            人数及比例
          </td>
          <td v-for="(item1,index1) in item.territory"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trsix-tdright">
            <el-input v-model="item1.stuNum"
                      placeholder="5"
                      type="input">
              <template slot="append">
                ({{ item1.stuRatio }}%)
              </template>
            </el-input>
          </td>
        </tr>
        <tr :key="index +'6'"
            class="I-VI-I__tabletwo-trsix">
          <td class="I-VI-I__tabletwo-trsix-lefttwo">
            境外
          </td>
          <td v-for="(item1,index1) in item.abroad"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trsix-tdright">
            <el-input v-model="item1.schoolName"
                      autosize
                      placeholder="Harvard University"
                      type="textarea"/>
          </td>
        </tr>
        <tr :key="index +'7'"
            class="I-VI-I__tabletwo-trsix">
          <td class="I-VI-I__tabletwo-trsix-lefttwo">
            人数及比例
          </td>
          <td v-for="(item1,index1) in item.abroad"
              :key="index1 +'2'"
              class="I-VI-I__tabletwo-trsix-tdright">
            <el-input v-model="item1.stuNum"
                      placeholder="2"
                      type="input">
              <template slot="append">
                ({{ item1.stuRatio }}%)
              </template>
            </el-input>
          </td>
        </tr>
      </template>
    </table>
    <!-- 签约单位类型分布 -->
    <table class="I-VI-I__tablethree">
      <tr class="I-VI-I__tablethree-trone">
        <td class="I-VI-I__tablethree-trone-td"
            colspan="15">
          <div class="I-VI-I__tablethree-trone-td-title">
            （三）签约单位类型分布
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__tablethree-trtwo">
        <td class="I-VI-I__tablethree-trtwo-td">
          单位<br>类别
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          党政<br>机关
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          高等教育单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          中初等教育单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          科研设计单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          医疗卫生单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          其他事业单位
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          国有企业
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          民营企业
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          三资企业
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          部队
        </td>
        <td class="I-VI-I__tablethree-trtwo-td">
          其他
        </td>
      </tr>
      <tr class="I-VI-I__tablethree-trthree">
        <td class="I-VI-I__tablethree-trthree-td">
          硕士<br>签约
        </td>
        <template v-for="(value,key,index) in afa.otherDis.otherDisAfa.typeDistribution">
          <td v-if="key == 'master'"
              :key="index +'3'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.dzjg"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'4'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'5'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.zdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'6'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.kysjdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'7'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.ylwsdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'8'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.qtsydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'9'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gyqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'10'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.myqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'11'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.szqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'12'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.bd"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'master'"
              :key="index +'13'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.other"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
        </template>
      </tr>
      <tr class="I-VI-I__tablethree-trthree">
        <td class="I-VI-I__tablethree-trthree-td">
          博士<br>签约
        </td>
        <template v-for="(value,key,index) in afa.otherDis.otherDisAfa.typeDistribution">
          <td v-if="key == 'doctor'"
              :key="index +'1'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.dzjg"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'2'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'3'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.zdjydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'4'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.kysjdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'5'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.ylwsdw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'6'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.qtsydw"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'7'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.gyqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'8'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.myqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'9'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.szqy"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'10'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.bd"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
          <td v-if="key == 'doctor'"
              :key="index +'11'"
              class="I-VI-I__tablethree-trthree-td">
            <el-input v-model="value.other"
                      autosize
                      placeholder="0"
                      type="textarea"/>
          </td>
        </template>
      </tr>
    </table>
    <!-- 签约单位地域分布 -->
    <table class="I-VI-I__tablefour">
      <tr class="I-VI-I__tablefour-trone">
        <td class="I-VI-I__tablefour-trone-td"
            colspan="15">
          <div class="I-VI-I__tablefour-trone-td-title">
            （四）签约单位地域分布
          </div>
        </td>
      </tr>
      <tr class="I-VI-I__tablefour-trtwo">
        <td class="I-VI-I__tablefour-trtwo-td">
          单位地域
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          本省
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          东部地区
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          中部地区
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          西部地区
        </td>
        <td class="I-VI-I__tablefour-trtwo-td">
          境外
        </td>
      </tr>
      <tr class="I-VI-I__tablefour-trthree">
        <td class="I-VI-I__tablefour-trthree-td">
          硕士
        </td>
        <template v-for="(value,key,index) in afa.otherDis.otherDisAfa.gengraDistribution">
          <td v-if=" key == 'master' "
              :key="index+'ca'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.bs"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+1"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.dbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+2"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.zbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+3"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.xbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'master' "
              :key="index+4"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.jw"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
        </template>
      </tr>
      <tr class="I-VI-I__tablefour-trthree">
        <td class="I-VI-I__tablefour-trthree-td">
          博士
        </td>
        <template v-for="(value,key,index) in afa.otherDis.otherDisAfa.gengraDistribution">
          <td v-if=" key == 'doctor' "
              :key="index +'cb'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.bs"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'2'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.dbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'3'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.zbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'4'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.xbdq"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
          <td v-if=" key == 'doctor' "
              :key="index +'5'"
              class="I-VI-I__tablefour-trthree-td">
            <el-input v-model="value.jw"
                      autosize
                      class="I-VI-I__tablefour-trthree-td-input"
                      type="textarea"/>
          </td>
        </template>
      </tr>
    </table>
    <!-- 在艰苦地区和基层就业情况 -->
    <table class="I-VI-I__tablefive">
      <tr class="I-VI-I__tablefive-trone">
        <td class="I-VI-I__tablefive-trone-td-title"
            colspan="15">
          （五）在艰苦地区和基层就业情况
          <span class="I-VI-I__tablefive-trone-td-title-tips">
            (限300字)
          </span>
        </td>
      </tr>
      <tr class="I-VI-I__tablefive-trother">
        <el-input v-model="afa.otherDis.otherDisAfa.employAreaInfos"
                  type="textarea"
                  :autosize="{ minRows:10 }"
                  showWordLimit
                  maxlength="300"
                  placeholder="请输入在艰苦地区和基层就业情况"
                  class="I-VI-I__tablefive-trother-fixinput"/>
      </tr>
    </table>
  </div>
</template>

<script>
import moment from 'moment'
import { getPageData } from '@/utils/getData.js'
export default {
  watch: {
    afa: {
      handler (newVal) {
        sessionStorage['this_data'] = JSON.stringify(newVal)
        this.getSum()
        this.getSumRe()
        this.getRatio()
        this.getRatioRe()
        this.getRatioItem()
        this.getRatioItemRe()
        this.getTotal()
        this.getTotalRe()
      },
      deep: true,
      immediate: true
    }
  },
  async mounted () {
    const loading = this.$loading({ lock: true, text: '数据获取中...请稍后！', background: 'rgba(0, 0, 0, 0.7)' })
    const this_data = await getPageData('afa')
    if (this_data.thisDis && this_data.otherDis) {
      this.afa = this_data
    }
    for (let i = this.afa.thisDis.employCounts.length; i < 5; i++) {
      this.afa.thisDis.employCounts.push({
        year: '', employs: [{ stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '' }, { stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '' }] })
    }
    for (let i = this.afa.thisDis.employDestinations[0].companys.length; i < 5; i++) {
      this.afa.thisDis.employDestinations[0].companys.push({ companyName: '', stuNum: '', stuRatio: '' })
    }
    for (let i = this.afa.thisDis.employDestinations[0].territory.length; i < 5; i++) {
      this.afa.thisDis.employDestinations[0].territory.push({ schoolName: '', stuNum: '', stuRatio: '' })
    }
    for (let i = this.afa.thisDis.employDestinations[0].abroad.length; i < 5; i++) {
      this.afa.thisDis.employDestinations[0].abroad.push({ schoolName: '', stuNum: '', stuRatio: '' })
    }
    for (let i = this.afa.otherDis.otherDisAfa.employCounts.length; i < 5; i++) {
      this.afa.otherDis.otherDisAfa.employCounts.push({
        year: '', employs: [{ stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '' }, { stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '' }] })
    }
    for (let i = this.afa.otherDis.otherDisAfa.employDestinations[0].companys.length; i < 5; i++) {
      this.afa.otherDis.otherDisAfa.employDestinations[0].companys.push({ companyName: '', stuNum: '', stuRatio: '' })
    }
    for (let i = this.afa.otherDis.otherDisAfa.employDestinations[0].territory.length; i < 5; i++) {
      this.afa.otherDis.otherDisAfa.employDestinations[0].territory.push({ schoolName: '', stuNum: '', stuRatio: '' })
    }
    for (let i = this.afa.otherDis.otherDisAfa.employDestinations[0].abroad.length; i < 5; i++) {
      this.afa.otherDis.otherDisAfa.employDestinations[0].abroad.push({ schoolName: '', stuNum: '', stuRatio: '' })
    }
    this.thisyear = moment().year()
    this.afa.thisDis.employCounts.map((item, index) => {
      item.year = this.thisyear - 5 + index
    })
    this.afa.otherDis.otherDisAfa.employCounts.map((item, index) => {
      item.year = this.thisyear - 5 + index
    })
    loading.close()
  },
  data () {
    return {
      totalFive: 0,
      totalFiveRe: 0,
      thisyear: '',
      total: [
        [
          {}
        ]
      ],
      afa: {
        thisDis: {
          employCounts: [
            {
              year: '',
              employs: [
                { stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '', employRate: '' },
                { stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '', employRate: '' }
              ]
            }
          ],
          employDestinations: [
            {
              companys: [
                { companyName: '', stuNum: '', stuRatio: '' }
              ],
              territory: [
                { schoolName: '', stuNum: '', stuRatio: '' }
              ],
              abroad: [
                { schoolName: '', stuNum: '', stuRatio: '' }
              ]
            }
          ],
          typeDistribution: {
            master: { dzjg: '', gdjydw: '', zdjydw: '', kysjdw: '', ylwsdw: '', qtsydw: '', gyqy: '', myqy: '', szqy: '', bd: '', other: '' },
            doctor: { dzjg: '', gdjydw: '', zdjydw: '', kysjdw: '', ylwsdw: '', qtsydw: '', gyqy: '', myqy: '', szqy: '', bd: '', other: '' }
          },
          gengraDistribution: {
            master: { bs: '', dbdq: '', zbdq: '', xbdq: '', jw: '' },
            doctor: { bs: '', dbdq: '', zbdq: '', xbdq: '', jw: '' }
          },
          employAreaInfos: ''
        },
        otherDis: {
          professInfo: {
            degreeCategory: '',
            description: ''
          },
          otherDisAfa: {
            employCounts: [
              {
                year: '',
                employs: [
                  { stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '', employRate: 0 },
                  { stuType: '', totalNum: '', degreeNum: '', agreeEmploy: '', selfEmploy: '', flexEmploy: '', territory: '', employNum: '', abroad: '', employRate: 0 }
                ]
              }
            ],
            employDestinations: [
              {
                companys: [
                  { companyName: '', stuNum: '', stuRatio: '' }
                ],
                territory: [
                  { schoolName: '', stuNum: '', stuRatio: '' }
                ],
                abroad: [
                  { schoolName: '', stuNum: '', stuRatio: '' }
                ]
              }
            ],
            typeDistribution: {
              master: { dzjg: '', gdjydw: '', zdjydw: '', kysjdw: '', ylwsdw: '', qtsydw: '', gyqy: '', myqy: '', szqy: '', bd: '', other: '' },
              doctor: { dzjg: '', gdjydw: '', zdjydw: '', kysjdw: '', ylwsdw: '', qtsydw: '', gyqy: '', myqy: '', szqy: '', bd: '', other: '' }
            },
            gengraDistribution: {
              master: { bs: '', dbdq: '', zbdq: '', xbdq: '', jw: '' },
              doctor: { bs: '', dbdq: '', zbdq: '', xbdq: '', jw: '' }
            },
            employAreaInfos: ''
          }
        }
      }
    }
  },
  methods: {
    getSum () {
      for (let i = 0; i < this.afa.thisDis.employCounts.length; i++) {
        for (let j = 0; j < this.afa.thisDis.employCounts[i].employs.length; j++) {
          const aaa = parseInt(this.afa.thisDis.employCounts[i].employs[j].agreeEmploy * 1) + parseInt(this.afa.thisDis.employCounts[i].employs[j].selfEmploy * 1) + parseInt(this.afa.thisDis.employCounts[i].employs[j].flexEmploy * 1) + parseInt(this.afa.thisDis.employCounts[i].employs[j].territory * 1) + parseInt(this.afa.thisDis.employCounts[i].employs[j].abroad * 1)
          if (Number.isNaN(aaa)) {
            this.afa.thisDis.employCounts[i].employs[j].employNum = 0
          } else {
            this.afa.thisDis.employCounts[i].employs[j].employNum = aaa
          }
        }
      }
    },
    getSumRe () {
      for (let i = 0; i < this.afa.otherDis.otherDisAfa.employCounts.length; i++) {
        for (let j = 0; j < this.afa.otherDis.otherDisAfa.employCounts[i].employs.length; j++) {
          const aaa = parseInt(this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].agreeEmploy * 1) + parseInt(this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].selfEmploy * 1) + parseInt(this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].flexEmploy * 1) + parseInt(this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].territory * 1) + parseInt(this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].abroad * 1)
          if (Number.isNaN(aaa)) {
            this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].employNum = 0
          } else {
            this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].employNum = aaa
          }
        }
      }
    },
    getRatio () {
      for (let i = 0; i < this.afa.thisDis.employCounts.length; i++) {
        for (let j = 0; j < this.afa.thisDis.employCounts[i].employs.length; j++) {
          const aaa = parseInt(this.afa.thisDis.employCounts[i].employs[j].totalNum * 1)
          if (Number.isNaN(aaa) || aaa == 0) {
            this.afa.thisDis.employCounts[i].employs[j].employRate = '0.0'
          } else {
            this.afa.thisDis.employCounts[i].employs[j].employRate = ((this.afa.thisDis.employCounts[i].employs[j].employNum / aaa) * 100).toFixed(1)
          }
        }
      }
    },
    getRatioRe () {
      for (let i = 0; i < this.afa.otherDis.otherDisAfa.employCounts.length; i++) {
        for (let j = 0; j < this.afa.otherDis.otherDisAfa.employCounts[i].employs.length; j++) {
          const aaa = parseInt(this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].totalNum * 1)
          if (Number.isNaN(aaa) || aaa === 0) {
            this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].employRate = '0.0'
          } else {
            this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].employRate = ((this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].employNum / aaa) * 100).toFixed(1)
          }
        }
      }
    },
    getTotal () {
      this.totalFive = 0
      for (let i = 0; i < this.afa.thisDis.employCounts.length; i++) {
        for (let j = 0; j < this.afa.thisDis.employCounts[i].employs.length; j++) {
          this.totalFive += parseInt(this.afa.thisDis.employCounts[i].employs[j].employNum * 1)
        }
      }
    },
    getTotalRe () {
      this.totalFiveRe = 0
      for (let i = 0; i < this.afa.otherDis.otherDisAfa.employCounts.length; i++) {
        for (let j = 0; j < this.afa.otherDis.otherDisAfa.employCounts[i].employs.length; j++) {
          this.totalFiveRe += this.afa.otherDis.otherDisAfa.employCounts[i].employs[j].employNum * 1
        }
      }
    },
    getRatioItem () {
      for (let i = 0; i < this.afa.thisDis.employDestinations.length; i++) {
        for (let j = 0; j < this.afa.thisDis.employDestinations[i].companys.length; j++) {
          const aaa = parseInt(this.afa.thisDis.employDestinations[i].companys[j].stuNum * 1)
          if (Number.isNaN(aaa) || aaa === 0 || this.totalFive === 0) {
            this.afa.thisDis.employDestinations[i].companys[j].stuRatio = '0.0'
          } else {
            this.afa.thisDis.employDestinations[i].companys[j].stuRatio = ((aaa / this.totalFive) * 100).toFixed(1)
          }
        }
        for (let j = 0; j < this.afa.thisDis.employDestinations[i].territory.length; j++) {
          const bbb = parseInt(this.afa.thisDis.employDestinations[i].territory[j].stuNum * 1)
          if (Number.isNaN(bbb) || bbb === 0 || this.totalFive === 0) {
            this.afa.thisDis.employDestinations[i].territory[j].stuRatio = '0.0'
          } else {
            this.afa.thisDis.employDestinations[i].territory[j].stuRatio = ((bbb / this.totalFive) * 100).toFixed(1)
          }
        }
        for (let j = 0; j < this.afa.thisDis.employDestinations[i].abroad.length; j++) {
          const ccc = parseInt(this.afa.thisDis.employDestinations[i].abroad[j].stuNum * 1)
          if (Number.isNaN(ccc) || ccc === 0 || this.totalFive === 0) {
            this.afa.thisDis.employDestinations[i].abroad[j].stuRatio = '0.0'
          } else {
            this.afa.thisDis.employDestinations[i].abroad[j].stuRatio = ((ccc / this.totalFive) * 100).toFixed(1)
          }
        }
      }
    },
    getRatioItemRe () {
      for (let i = 0; i < this.afa.otherDis.otherDisAfa.employDestinations.length; i++) {
        for (let j = 0; j < this.afa.otherDis.otherDisAfa.employDestinations[i].companys.length; j++) {
          const aaa = parseInt(this.afa.otherDis.otherDisAfa.employDestinations[i].companys[j].stuNum * 1)
          if (Number.isNaN(aaa) || aaa === 0 || this.totalFiveRe === 0) {
            this.afa.otherDis.otherDisAfa.employDestinations[i].companys[j].stuRatio = '0.0'
          } else {
            this.afa.otherDis.otherDisAfa.employDestinations[i].companys[j].stuRatio = ((aaa / this.totalFiveRe) * 100).toFixed(1)
          }
        }
        for (let j = 0; j < this.afa.otherDis.otherDisAfa.employDestinations[i].territory.length; j++) {
          const bbb = parseInt(this.afa.otherDis.otherDisAfa.employDestinations[i].territory[j].stuNum * 1)
          if (Number.isNaN(bbb) || bbb === 0 || this.totalFiveRe === 0) {
            this.afa.otherDis.otherDisAfa.employDestinations[i].territory[j].stuRatio = '0.0'
          } else {
            this.afa.otherDis.otherDisAfa.employDestinations[i].territory[j].stuRatio = ((bbb / this.totalFiveRe) * 100).toFixed(1)
          }
        }
        for (let j = 0; j < this.afa.otherDis.otherDisAfa.employDestinations[i].abroad.length; j++) {
          const ccc = parseInt(this.afa.otherDis.otherDisAfa.employDestinations[i].abroad[j].stuNum * 1)
          if (Number.isNaN(ccc) || ccc === 0 || this.totalFiveRe === 0) {
            this.afa.otherDis.otherDisAfa.employDestinations[i].abroad[j].stuRatio = '0.0'
          } else {
            this.afa.otherDis.otherDisAfa.employDestinations[i].abroad[j].stuRatio = ((ccc / this.totalFiveRe) * 100).toFixed(1)
          }
        }
      }
    }
  }
}
</script>

<style lang='less' >
@import '../../assets/css/page/1-6-1.less';
</style>
